﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="EditarDNI.aspx.cs" Inherits="TZS.Cuentas.EditarDNI" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            $(".selectorPrimeraHoja").hide();
            $(".selectorSegundaHoja").hide();
        });

        function mostrarSubirPrimeraHoja() {
            $(".selectorPrimeraHoja").show("slow");
        }

        function mostrarSubirSegundaHoja() {
            $(".selectorSegundaHoja").show("slow");
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="contenedorMisDatos">
        <div class="tituloDatosCuenta tituloGenerico">Subiendo Fotocopia de DNI:</div>
        <div class="contenedorSeccionMisDatos">
            <asp:Wizard ID="wizDNI" runat="server" onactivestepchanged="wizDNI_ActiveStepChanged" onfinishbuttonclick="wizDNI_FinishButtonClick">
                <SideBarStyle CssClass="wizardCabecera" />
                <SideBarButtonStyle CssClass="wizardCabeceraItem" />
                <StartNextButtonStyle CssClass="botonGenerico botonWizard" />
                <StepStyle CssClass="contenedorWizardPaso" />
                <StartNextButtonStyle CssClass="botonGenerico botonWizard" />
                <StepPreviousButtonStyle CssClass="botonGenerico botonWizard" />
                <FinishCompleteButtonStyle CssClass="botonGenerico botonWizard" />
                <FinishPreviousButtonStyle CssClass="botonGenerico botonWizard" />
                <NavigationButtonStyle CssClass="botonGenerico botonWizard" />
                <WizardSteps>
                    <asp:WizardStep ID="wizStep1" runat="server" Title="1. ¿Qué tipo de D.N.I. tengo?" StepType="Start">
                        <h1>¿Qué tipo de D.N.I tenés?</h1>
                        <div class="wizardOpcionDNI">
                            <div class="wizardImagenOpcionDNI">
                                <img alt="D.N.I. nuevo" src="/Contenido/Imagenes/DNINuevo.jpg" />
                            </div>
                            <div class="wizardDescripcionOpcionDNI">
                                <div class="wizardTexto">
                                    <asp:RadioButton ID="rdoEsNuevo" runat="server" GroupName="TipoDNI" />
                                    <label>
                                        Tengo el nuevo D.N.I. con forma de <b>TARJETA</b>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="wizardOpcionDNI">
                            <div class="wizardImagenOpcionDNI">
                                <img alt="D.N.I. nuevo" src="/Contenido/Imagenes/DNIViejo.jpg" />
                            </div>
                            <div class="wizardDescripcionOpcionDNI">
                                <div class="wizardTexto">
                                    <asp:RadioButton ID="rdoEsViejo" runat="server" GroupName="TipoDNI" />
                                    <label>
                                        Tengo el viejo D.N.I. con forma de <b>LIBRETA</b>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </asp:WizardStep>
                    <asp:WizardStep ID="wizStep2" runat="server" Title="2. Subir fotocopia de 1° Hoja ó Frente">
                       <h1>
                           <asp:Label ID="lblTituloTipoDNIPrimeraHoja" runat="server" Text="Subiendo 1° Hoja del DNI" />
                       </h1>
                       <div class="misDatosFila">
                           <asp:Label ID="lblTextoTipoDNIPrimeraHoja" runat="server" Text="Tenés que subir una imagen escaneada ó una foto de la 1° Hoja de tu DNI como la de este ejemplo:" />
                       </div>
                       <div class="misDatosFila">
                           <asp:Image ID="imgEjemploPrimerHoja" runat="server" CssClass="imgPrimeraHoja" ImageUrl="~/Contenido/Imagenes/DNIViejo.jpg" />
                       </div>
                       <div class="misDatosFila">
                           <asp:FileUpload ID="fuSubirPrimerHoja" runat="server" CssClass="subidorArchivos" onchange="mostrarSubirPrimeraHoja()" />
                           <asp:HyperLink ID="lnkVerArchivoPrimero" runat="server" Text="Ver archivo actual subido" Target="_blank" />
                       </div>
                       <div class="misDatosFila">
                           <asp:Button ID="btnSubirPrimeraHoja" runat="server" Text="Click aqui para subir" CssClass="botonGenerico botonContacto selectorPrimeraHoja" onclick="btnSubirPrimeraHoja_Click"/>
                           <asp:Label ID="lblFuSubirPrimeraHoja" runat="server" Text="" />
                       </div>
                    </asp:WizardStep>
                    <asp:WizardStep ID="wizStep3" runat="server" Title="3. Subir fotocopia de 2° Hoja ó Reverso">
                        <h1>
                           <asp:Label ID="lblTituloTipoDNISegundaHoja" runat="server" Text="Subiendo 2° Hoja del DNI" />
                       </h1>
                       <div class="misDatosFila">
                           <asp:Label ID="lblTextoTipoDNISegundaHoja" runat="server" Text="Tenés que subir una imagen escaneada ó foto de la 2° Hoja de tu DNI como la de este ejemplo:" />
                       </div>
                       <div class="misDatosFila">
                           <asp:Image ID="imgEjemploSegundaHoja" runat="server" CssClass="imgPrimeraHoja" ImageUrl="~/Contenido/Imagenes/DNIViejo2.jpg" />
                       </div>
                       <div class="misDatosFila">
                           <asp:FileUpload ID="fuSubirSegundaHoja" runat="server" CssClass="subidorArchivos" onchange="mostrarSubirSegundaHoja()" />
                           <asp:HyperLink ID="lnkVerArchivoSegundo" runat="server" Text="Ver archivo actual subido" Target="_blank" />
                       </div>
                       <div class="misDatosFila">
                           <asp:Button ID="btnSubirSegundaHoja" runat="server" Text="Click aqui para subir" CssClass="botonGenerico botonContacto selectorSegundaHoja" onclick="btnSubirSegundaHoja_Click"/>
                           <asp:Label ID="lblFuSubirSegundaHoja" runat="server" Text="" />
                       </div>
                    </asp:WizardStep>
                    <asp:WizardStep ID="wizFinal" runat="server" Title="4. Comprobar datos" StepType="Finish">
                        <h1>Comprobación</h1>
                        <div class="wizardOpcionDNI">
                            <div class="wizardImagenOpcionDNI">
                                <asp:Image ID="imgDniPrimera" runat="server"  ImageUrl="/Contenido/Imagenes/Forbidden.png" />
                            </div>
                            <div class="wizardDescripcionOpcionDNI">
                                <div class="wizardTexto">
                                    <asp:Label ID="lblComprobacionPrimera" runat="server" Text="Chanch clkahsclj" />
                                </div>
                            </div>
                        </div>
                        <div class="wizardOpcionDNI">
                            <div class="wizardImagenOpcionDNI">
                                <asp:Image ID="imgDniSegunda" runat="server" ImageUrl="/Contenido/Imagenes/Forbidden.png" />
                            </div>
                            <div class="wizardDescripcionOpcionDNI">
                                <div class="wizardTexto">
                                    <asp:Label ID="lblComprobacionSegunda" runat="server" Text="alskjdhljkh lkjahsdlj hlksja" />
                                </div>
                            </div>
                        </div>
                        <div class="misDatosFila">
                            <p>
                                IMPORTANTE: Las imágenes que no corresponden a un Documento Nacional de Identidad válido en Argentina serán eliminadas.
                            </p>
                        </div>
                    </asp:WizardStep>
                </WizardSteps>
            </asp:Wizard>
        </div>
    </div>
</asp:Content>
